@import 'src/app/common/styles/variable/index.scss';
@import 'src/app/common/styles/mixin/index.scss';
.cp-oprbar {
  .fill {
    height: $tabbarHeight;
  }
  .fixed-bottom {
    display: flex;
    justify-content: space-between;
    padding-right: $pagePadding;
    height: $tabbarHeight;
    background: #fff;
    box-shadow: $tabbarShadow;
    .left,
    .right {
      display: flex;
      align-items: center;
    }
    .left {
      margin-right: 0.04rem;
      .btn-share,
      .btn-follow {
        flex-direction: column;
        width: 0.56rem;
        height: 100%;
        font-size: 0.1rem;
        text-align: center;
        .icon {
          margin: 0;
          color: #525252;
        }
        img {
          margin: 0 auto;
          @include square(0.18rem);
        }
        .txt {
          margin-top: 0.04rem;
          color: $font1;
        }
      }
      .on .txt {
        color: $primary;
      }
    }
    .right {
      display: flex;
      flex: 1;
      .btn {
        flex: 1;
        a {
          color: #fff;
        }
      }
      .btn-phone {
        margin-right: 0.08rem;
        background: linear-gradient(270deg, rgba(83, 175, 255, 1) 0%, rgba(105, 105, 252, 1) 100%);
      }
    }
  }
}
.popup-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #fff;
  .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.12rem $pagePadding;
    .text {
      font-size: 0.16rem;
    }
    .icon-close {
      font-size: 0.22rem;
    }
  }
  .body {
    max-height: 3rem;
    overflow-y: auto;
    .item {
      display: flex;
      justify-content: space-between;
      padding: $pagePadding;
      .left {
        display: flex;
        flex: 1;
        .avatar {
          @include avatar(0.56rem);
        }
        .baseinfo {
          flex: 1;
          .name-score {
            display: flex;
            align-items: center;
            .name {
              margin-right: 0.12rem;
              font-size: 0.16rem;
            }
          }
          .org {
            display: inline-block;
            margin: 0.04rem 0;
            padding: 0.02rem 0.06rem;
            font-size: 0.1rem;
            color: $info;
            border: 1px solid $info;
            border-radius: 1rem;
          }
          .service {
            font-size: 0.12rem;
            color: $font3;
          }
        }
      }
      .right {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        .imgbox {
          margin-left: 0.08rem;
          padding: 0.06rem;
          background: $bg;
          border-radius: 1rem;
          img {
            @include square(0.16rem);
          }
        }
      }
    }
  }
}
